【　YouTube の複数動画のタイトルを全て表示させる方法　】

ソース　【　Ａ　】　：　実際のコーディング

// 動画情報を取得する

// プレイヤーの API だけでは動画のタイトルなどの情報を取得出来ません。
// しかし、プレイヤーというのであれば、タイトルぐらいは表示したいところです。 
// そこで、YouTube Data API を使って動画の情報を取得して表示します。
// 以下の URL に対してリクエストを送ることで取得出来ます。

// http://gdata.youtube.com/feeds/api/videos/動画の ID
// 結果は XML で返ってきますが、URL に?alt=jsonを付加することで JSON で返してくれるようになります。


    function setpanelmessage( nos1, list_n ) {
        var i = 0;
        var is = 1;
        var ie = 10;
        var n = disp_no1;
        var n1 = n + 1;
        var n2 = 0;
        var num = 'playermsg';
        var num1 = '';
        for ( i = is; i <= ie; i++ ) {
            num1 = '';
            num1 = '0' + i;
            if ( i > 9 ) num1 = i;
            var num2 = num + num1;
            n2 = n + i - 1;
            var val = video;
            if ( nos1 >= n2 ) val = list_n[ n2 - 1 ];
            var val1 = '#' + num2;
            getMovieData( val1, val );
            var seg1 = document.getElementById( num2 );
            var msg = seg1.innerText;
            list_msg[ i - 1 ] = msg;
            $( '#' + num2 ).text( list_msg[ i - 1 ] );
        }
    }

    var list_movie = new Array( 10 );
    var list_msg = new Array( 10 );

    function getMovieData( id1, id ) {

        $.ajax({  
            url: 'http://gdata.youtube.com/feeds/api/videos/' + id + '?alt=json',
            type: 'get',
            dataType: 'json', 
            timeout: 2000,
            success: function(movieData, status) {
                if (status === 'success') {
                    $(id1).html(movieData.entry.title.$t);
                    setSeekSlider(parseInt(movieData.entry.media$group.yt$duration.seconds));
                    setMovieInfo(parseInt(movieData.entry.media$group.yt$duration.seconds));
                }
            },
            error: function(XMLHttpRequest, status, errorThrown) {
                return false;
            }
        });
    }